﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Sport.Login" %>
<script src="Scripts/jquery-1.7.1.min.js"></script>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
     <link rel="shortcut icon" type="image/ico" href="/Images/cube_molecule.ico">
    <script type="text/javascript">
        $(document).ready(function () {            
            //get screen          
            $("#txt_width").val(screen.width);
            $("#txt_height").val(screen.height);         
        });

    </script>
    
    <style type="text/css">
        body {
            font-family: "Tahoma", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
        }

        legend {
            padding: 0 5px;
            font-weight: bold;
            font-size: 13px;
            color: #666;
        }

        .fieldsetLogin {
            border: 1px solid #ccc;
            border-top: 0px solid #ccc;
            padding: 10px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            margin-bottom: 10px;
            width: 600px;
            -moz-border-radius-topleft: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -webkit-border-top-right-radius: 0px;
        }

        .textboxinput {
            height: 25px;
            line-height: 25px;
            padding: 0 22px;
            width: 210px;
            background-image: url("../images/sprite2.png");
            background-position: 0 -295px;
            border: 1px solid #BFBFBF;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        .divtextboxViewMode {
            padding-top: 0px;
            padding-left: 10px;
            padding-bottom: 11px;
            padding-right: 5px;
            text-align: left;
        }

        .headerLogin {
            background: url("images/bgHeaderLogin.png") bottom repeat-x;
            height: 41px;
            margin-bottom: -2px;
            width: 620px;
            padding-right: 2px;
            margin-left: 0px;
            text-align: left;
        }



        .btn {
            background-color: #1673AC;
            background-position: 0 -522px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            margin: 0 3px;
            font-size: 14px;
            font-weight: bold;
            border: 1px solid #015FBF;
            cursor: pointer;
            color: #fff;
            padding:8px 25px;
            display: inline-block;
        }

            .btn:hover {
                color: #ccc;
            }

        .controlselect {
            border: 1px solid #bbbbbb;
            height: 30px;
            padding: 3px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            margin-top: 5px;
        }

        .contentformRight {
            text-align: right;
            padding-right: 10px;
            margin-right: 10px;
            vertical-align: top;
        }

        .contentformLeft {
            width: auto;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border: 1px dotted #1672AB;
            background: #EBF3FA;
        }

        .textHeader {
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            height: 26px;
            line-height: 26px;
            padding: 2px 5px;
            text-align: left;
        }

        .linkRegister {
            font-size: 11px;
            text-decoration: none;
            color: #1672AB;
            cursor: inherit;
            padding-left: 5px;
        }

        .divMainContent {
            position: absolute;
            margin: 150px 0;
            left: 0px;
            right: 0px;
        }

        .WebHRBottom2 {
            font-family: Tahoma, Arial;
            font-size: 12px;
            color: #b9b9b9;
            padding-top: 5px;
            background-color: #262626;
            position: absolute;
            left: 0px;
            right: 0px;
            bottom: 0px;
        }

        .WebHRBottom {
            background: url(../images/Template/bgBottom.png) repeat-x;
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0px;
        }

            .WebHRBottom a {
                font-family: Tahoma, Arial;
                font-size: 11px;
                color: #b9b9b9;
            }

        .WebHRBottomText {
            font-family: Tahoma, Arial;
            font-size: 11px;
            color: #b9b9b9;
            text-decoration: none;
        }

        .WebHRBottom2 {
            font-family: Tahoma, Arial;
            font-size: 11px;
            color: #b9b9b9;
            background-color: #262626;
        }

            .WebHRBottom2 a {
                font-family: Tahoma, Arial;
                font-size: 11px;
                color: #0070BA;
                background-color: #262626;
            }


        .hdrTitleTabBg {
            background: #ffffff url(images/bgHeaderLogin.png) bottom repeat-x;
            background-color: #fff;
            border-top: 0px solid #83bbea;
            padding-left: 0px;
            text-align: left;
            margin-top: 30px;
            height: 41px;
            margin-left: 0px;
            margin-right: 0px;
            left: 0px;
            right: 0px;
            width: 100%;
            position: absolute;
            color: #0070BA;
        }

        .introdiv {
            font-family: Tahoma, Arial;
            font-size: 12px;
            color: #0070BA;
            padding-bottom: 11px;
        }

        .divCandidateRegister {
            font-family: Tahoma, Arial;
            font-size: 12px;
            color: #0070BA;
            margin-top: 65px;
        }
    </style>

</head>
<body>
    <form id="form1" runat="server" autocomplete="off" defaultbutton="btnLogin">
        <%--        <div class="hdrTitleTabBg">
        </div>--%>
        <asp:HiddenField ID="txt_width" Value="800" runat="server" />
        <asp:HiddenField ID="txt_height" Value="600" runat="server" />
        <div class="divMainContent" align="center">
            <div class="headerLogin">
                <img src="Images/lock_start.png" style="float: left; padding-left: 10px; padding-top: 12px;" />
                <div style="padding-top: 7px;">
                    <asp:Label ID="lblHeader" runat="server" Text="Sport Management Pro" CssClass="textHeader"></asp:Label>
                </div>
            </div>
            <fieldset class="fieldsetLogin">
                <table>
                    <tr>
                        <td style="width: 50%; vertical-align: top;">
                            <div class="contentformLeft">
                                <div style="height: 16px"></div>
                                <div class="introdiv">
                                    - State of the art<b> Sport Solution</b>
                                </div>
                                <div class="introdiv">
                                    - Extremely <b>User Friendly</b> Interface
                                </div>
                                <div class="introdiv">
                                    - Highly <b>Cost Effective</b>
                                </div>
                                <div class="introdiv">
                                    - Covers everything from <b>Hire</b> to <b>Retire</b>
                                </div>
                                <div class="introdiv">
                                    - Comprehensive <b>Reporting</b> with <b>Graphs</b>
                                </div>
                                <div class="introdiv">
                                    - Integrated <b>Sport Modules</b>
                                </div>
                                <div class="introdiv" style="padding-bottom: 3px">
                                    - Includes <b>Job Portal</b>
                                </div>
                            </div>
                        </td>
                        <td style="width: 50%; vertical-align: top;">
                            <div class="contentformRight">
                                <div class="divtextboxViewMode">

                                    <asp:Label ID="lblError" runat="server" Text="Please enter your user name and password!" Style="color: #ff0000; font-size: 12px; text-align: left; padding-bottom: 15px;"></asp:Label>

                                </div>
                                <div class="divtextboxViewMode">
                                    <div style="position: absolute; padding: 5px; padding-top: 4px;">
                                        <img src="Images/user_suit.png" />
                                    </div>
                                    <asp:TextBox ID="txtUserName" runat="server" CssClass="textboxinput" placeholder="User name">Admin</asp:TextBox>
                                </div>
                                <div class="divtextboxViewMode">
                                    <div style="position: absolute; padding: 5px; padding-top: 4px;">
                                        <img src="Images/key.png" />
                                    </div>
                                    <asp:TextBox ID="txtPass" runat="server" TextMode="Password" CssClass="textboxinput" placeholder="Password">123</asp:TextBox>
                                </div>
                                <div class="divtextboxViewMode">
                                    <asp:DropDownList ID="ddl_LanguageCode" runat="server" CssClass="controlselect">
                                        <asp:ListItem Text="Tiếng Việt" Selected="True" Value="VN"></asp:ListItem>
                                        <asp:ListItem Text="Tiếng Anh" Value="EN"></asp:ListItem>
                                    </asp:DropDownList>

                                </div>


                                <div style="text-align: left; padding-left: 7px">
                                    <div style="position: absolute; padding: 5px; padding-top: 9px; padding-left: 8px;">
                                        <img src="Images/accept.png" />
                                    </div>
                                    <asp:Button runat="server" ID="btnLogin" Text="Login" CssClass="btn" OnClick="btnLogin_Click" />
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </fieldset>
        </div>
        <div class="WebHRBottom2" align="center">
            <div style="padding-bottom: 2px">
                <a href="#">Terms &amp; Conditions</a>&nbsp;|&nbsp; <a href="#">Privacy Policy</a>&nbsp;|&nbsp; <a href="#">Contact Us</a>
                <asp:Label ID="labelIPAddress" runat="server" Visible="false" ForeColor="Gray"></asp:Label>
            </div>
            <div style="padding-bottom: 3px; padding-top: 3px;">
                ©&nbsp;2013 - Sport Pro -
            <asp:Label ID="lblVersion" runat="server"></asp:Label>
                - Developed by <a href="#" target="_blank">Sport</a>
            </div>
        </div>


    </form>
</body>
<script>
    var lblError = document.getElementById("lblError");
    if (lblError.innerHTML.toString() == "Please enter your user name and password!") {
        lblError.style.color = "#0070BA";
        lblError.innerHTML = "Please enter your <b>user name</b> and <b>password</b>!";
    }
</script>
</html>
